﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>


        <title>Untitled Document</title>

        <script type="text/javascript" src="http://localhost:8080/nfa/js/jquery-2.1.1.min.js"></script>
        <link rel="stylesheet" type="text/css" href="http://localhost:8080/nfa/css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="http://localhost:8080/nfa/css/style.css" />
        <link rel="stylesheet" type="text/css" href="http://localhost:8080/nfa/css/bootstrap-theme.css"  />
        <script type="text/javascript" src="http://localhost:8080/nfa/js/bootstrap.js"></script>
        <script type="text/javascript" src="http://localhost:8080/nfa/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="http://localhost:8080/nfa/js/jquery.validate.js"></script>
        <script type="text/javascript" src="http://localhost:8080/nfa/js/messages_vi.js"></script>
        <script type="text/javascript" src="http://localhost:8080/nfa/js/js.js"></script>
       



    </head>

    <body   >
        <header>
            <nav class="navbar navbar-default " role="navigation">
                <div class="center">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">

                            <a class="navbar-brand" style="font-variant-east-asian: simplified; font-size: 28px; color: #A70000;" href="#"><b>NFA</b></a>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">
                                <li ><a href="http://localhost:8080/nfa/index.php"><b>Trang chủ</b></a></li>
                                <li class="active"><a href="http://localhost:8080/nfa/index.php/home/search"><b>Tìm kiếm</b></a></li>
                                <li><a href="#"><b>Nhật kí</b></a></li>
                                <li><a href="#"><b>Liên Hệ</b></a></li>
                                <li><a href="#"><b>Trợ giúp</b></a></li>

                            </ul>


                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                </div>
            </nav>


        </header>
        <div class="center">
            <div class="row" style="padding-top:10px;">


                <div class="col-xs-12 col-md-8">
                    <div class="row">
                        <a id="search-hide" style="color: orange;" ><span class="glyphicon glyphicon-search"></span> Tiếp tục tìm kiếm !</a>
                        <a id="search-here" style="color: orange; display: none;" ><span class="glyphicon glyphicon-search"></span> Đóng tìm kiếm !</a>
                    </div>

                    <div class="panel panel-info" id="search-two" style="display: none;" >
                        <div class="panel-heading">TÌM KIẾM </div>
                        <div class="panel-body">
                            <form class="form-horizontal" role="form" method="get" action="http://localhost:8080/nfa/index.php/search/searchpage">
                                <div  class="form-group">
                                    <div class="radio-inline">
                                        <label> Bạn cần tìm :</label>
                                    </div>

                                    <div class="radio-inline">
                                        <label>
                                            <input type="radio" name="gender" id="optionsRadios1" value="Nam" checked/>
                                            Nam
                                        </label>
                                    </div>
                                    <div class="radio-inline">
                                        <label>
                                            <input type="radio" name="gender" id="optionsRadios2" value="Nữ"/>
                                            Nữ </label>
                                    </div>

                                    <div class="radio-inline">
                                        <label> Tuổi từ :</label>
                                    </div>
                                    <div class=" radio-inline">
                                        <select name="age-one" class="form-control">
                                            <option>18</option>
                                            <option>20</option>
                                            <option>25</option>
                                            <option>30</option>
                                            <option>40</option>
                                        </select>
                                    </div>
                                    <div class="radio-inline">
                                        <label> Đến </label>
                                    </div>
                                    <div class=" radio-inline">
                                        <select name="age-two" class="form-control">
                                            <option>20</option>
                                            <option>25</option>
                                            <option>30</option>
                                            <option>40</option>
                                            <option>50</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="radio">
                                        <label><b> Sống tại :</b></label>
                                    </div >
                                    <br />
                                    <div class="col-md-8  ">

                                        <select name="city" class="form-control">
                                            <option>Hà Nội</option>
                                            <option>TP.Hồ Chí Minh</option>
                                            <option>Đà Nẵng</option>
                                            <option> Huế </option>
                                            <option> Dak Lak</option>
                                        </select>

                                    </div>
                                    <div class="radio-inline">
                                        <label>
                                            <input type="checkbox" value="">
                                                Có hình
                                        </label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="radio-inline">
                                        <label>Mục đích hẹn hò :</label>
                                    </div>
                                    <div class="radio-inline">
                                        <select name="mucdich" class="form-control">
                                            <option>Hôn nhân</option>
                                            <option>Tình yêu</option>
                                            <option>Tình dục</option>
                                            <option>Tiền bạc</option>
                                            <option>Hẹn hò</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group" >

                                    <div class="">

                                        <div class="radio-inline">
                                            <label> Chiều cao từ :</label>
                                        </div>
                                        <div class=" radio-inline">
                                            <select name="height-one" class="form-control">
                                                <option>140</option>
                                                <option>150</option>
                                                <option>160</option>
                                                <option>170</option>
                                                <option>180</option>
                                            </select>
                                        </div>
                                        <div class="radio-inline">
                                            <label> Đến </label>
                                        </div>
                                        <div class=" radio-inline">
                                            <select name="height-two" class="form-control">
                                                <option>150</option>
                                                <option>160</option>
                                                <option>170</option>
                                                <option>180</option>
                                                <option>190</option>
                                            </select>

                                        </div>
                                        <div class="radio-inline">
                                            <p>CM</p>
                                        </div>

                                    </div>

                                </div>
                                <div class="form-group" >

                                    <div class="">

                                        <div class="radio-inline">
                                            <label> Cân nặng từ :</label>
                                        </div>
                                        <div class=" radio-inline">
                                            <select name="weight-one" class="form-control">
                                                <option>40</option>
                                                <option>50</option>
                                                <option>60</option>
                                                <option>70</option>
                                                <option>80</option>
                                            </select>
                                        </div>
                                        <div class="radio-inline">
                                            <label> Đến </label>
                                        </div>
                                        <div class=" radio-inline">
                                            <select name="weight-two" class="form-control">
                                                <option>50</option>
                                                <option>60</option>
                                                <option>70</option>
                                                <option>80</option>
                                                <option>90</option>
                                            </select>

                                        </div>
                                        <div class="radio-inline">
                                            <p >Kg</p>
                                        </div>
                                    </div>

                                </div>
                                <div class="row" style="text-align:center; margin-bottom: 2%;">
                                    <button type="submit" id="tim" class="btn btn-success btn-lg ">Tìm kiếm</button>
                                </div>
                            </form>
                        </div>
                        
                        


                    </div>
                    <div class="panel panel-info" >
                        <h5 style="color: yellowgreen; font-weight: bold; padding-left: 2%;">KẾT QUẢ TÌM KIẾM</h5>
                        <div class="panel-body">
                            <?php $i = $this->session->userdata("search");
                                     foreach ($i as $a){
                                         $id = $a->user_id;
                                         $anh = $a->avarta;
                                         $tuoi = $a->age;
                                         $ten = $a->name;
                                         $stt = $a->status;
                                         $city = $a->city;
                                         $gt = $a->gender;
                                         ?>
                            <div style="float: left; padding-top: 2%; padding-top: 1%;width:50%; padding-bottom: 1%;"  >
                                <div style="float: left;">
                                    <a id="anh"   href="<?php echo base_url("getid?id=" . $id); ?>"><img style="height: 170px; width: 130px;" class="img-thumbnail" src="http://localhost:8080/nfa/images/avarta/<?php echo $anh; ?>"></a>
                                </div>
                                <div style="float: left; padding-left: 2%;">
                                    <a href=""><p><?php echo $ten;?> - <?php echo $gt; ?> </p></a>
                                    <p><?php echo $tuoi; ?> tuổi ,<?php echo $city; ?></p>
                                    <p><?php echo $stt; ?></p>
                                    <a href="" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-envelope"></span> Gửi tin nhắn</a>
                                    <p><button class="btn btn-success">Kết bạn</button></p>
                                </div>
                            </div>
                               <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title" id="myModalLabel">Gửi tin nhắn</h4>
                                        </div>
                                        <form id="send-message" method="post">
                                        <div class="modal-body">
                                            <input name="user-id" id="user-id" type="hidden" value="<?php echo $id; ?>"/>
                                            <textarea name="content"  class="form-control required" rows="5" ></textarea>
                                            
                                        </div>
                                        <div class="modal-footer">
                                            
                                            <button type="submit" class="btn btn-primary"> Gửi </button>
                                        </div>
                                       </form>
                                    </div>
                                </div>
                            </div>
                            <?php
                                      }
                            ?>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>


        </div>

        <footer>
            <div style="  color:#FFFBF0;">
                <address>
                    <strong>NFA</strong><br>
                        ©Copyright T2L group, 2014<br>
                            <abbr title="Phone">P:</abbr> (123) 456-7890
                            </address>
                            </div>
                            </footer>

                            </body>
                            </html>

